<template>
  <div id="app">
  {{ss}}
    <img src="./assets/logo.png">
<router-link to="/apple">apple</router-link>
<router-link to="/banana">banana</router-link>
<router-view></router-view>
  
    
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld'
import Store from "./vuex"
export default {
  data:'123'
  name: 'App',
  components: {
    HelloWorld
  },
  data(){
    return {
      ss:""
    }
  },
  methods:{
    getSS(){
      this.ss=Store.state.title;
    }
  },
  computed : {
            changePeople () {
                return Store.getters.changePeople
            }
        },
  created(){
    this.getSS();
     console.log(this.changePeople);
     
    //  Store.commit('getParam',{
    //    A:"aaaaa",
    //    B:"bbbbb"
    //  })

     Store.dispatch('getParamSync',{
               A:"aaaaa",
               B:"bbbbb"
            })

     console.log(Store.state.START_PARMA)
  }

}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
.router-link-exact-active{
  display:inline-block;
  width:100px;
  border:1px solid red; 
}
</style>
